<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>上传资料</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_859911_e6n6y8wcql.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
    <link rel="stylesheet" href="../css/main.css">
    <style>
        body{
            background: #eeecef;
        }
        .weui-cell.noBorder:before{
            border:0;
        }
    </style>
</head>
<body>
<form class="weui-cells_form" id="submit">
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">家庭地址</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="省 市 区" id="homeAddress">
            </div>
        </div>
        <div class="weui-cell noBorder">
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="详细地址" name="homeaAddress">
            </div>
        </div>
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">公司地址</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="省 市 区" id="companyAddress">
            </div>
        </div>
        <div class="weui-cell noBorder">
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="详细地址">
            </div>
        </div>
    </div>

    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">考察地址</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text"  placeholder="省 市 区" id="inspectionAddress">
            </div>
        </div>
        <div class="weui-cell noBorder">
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="详细地址">
            </div>
        </div>
    </div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <div class="weui-uploader">
                    <div class="weui-uploader__hd">
                        <p class="weui-uploader__title">图片上传</p>
                        <div class="weui-uploader__info">0/2</div>
                    </div>
                    <div class="weui-uploader__bd">
                        <ul class="weui-uploader__files" id="uploaderFiles">
                            <!--<li class="weui-uploader__file" style="background-image:url(./images/pic_160.png)"></li>-->
                            <!--<li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/pic_160.png)">-->
                            <!--<div class="weui-uploader__file-content">-->
                            <!--<i class="weui-icon-warn"></i>-->
                            <!--</div>-->
                            <!--</li>-->
                            <!--<li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/pic_160.png)">-->
                            <!--<div class="weui-uploader__file-content">50%</div>-->
                            <!--</li>-->
                        </ul>
                        <div class="weui-uploader__input-box">
                            <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <div class="weui-uploader">
                    <div class="weui-uploader__hd">
                        <p class="weui-uploader__title">视频上传</p>
                        <div class="weui-uploader__info">0/2</div>
                    </div>
                    <div class="weui-uploader__bd">
                        <ul class="weui-uploader__files" id="uploaderFiles">
                            <!--<li class="weui-uploader__file" style="background-image:url(./images/pic_160.png)"></li>-->
                            <!--<li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/pic_160.png)">-->
                            <!--<div class="weui-uploader__file-content">-->
                            <!--<i class="weui-icon-warn"></i>-->
                            <!--</div>-->
                            <!--</li>-->
                            <!--<li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/pic_160.png)">-->
                            <!--<div class="weui-uploader__file-content">50%</div>-->
                            <!--</li>-->
                        </ul>
                        <div class="weui-uploader__input-box">
                            <input id="uploaderInput" class="weui-uploader__input" type="file" accept="video/*" multiple="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <div class="weui-uploader">
                    <div class="weui-uploader__hd">
                        <p class="weui-uploader__title">通讯录上传</p>
                        <div class="weui-uploader__info">0/2</div>
                    </div>
                    <div class="weui-uploader__bd">
                        <ul class="weui-uploader__files" id="uploaderFiles">
                            <!--<li class="weui-uploader__file" style="background-image:url(./images/pic_160.png)"></li>-->
                            <!--<li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/pic_160.png)">-->
                            <!--<div class="weui-uploader__file-content">-->
                            <!--<i class="weui-icon-warn"></i>-->
                            <!--</div>-->
                            <!--</li>-->
                            <!--<li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/pic_160.png)">-->
                            <!--<div class="weui-uploader__file-content">50%</div>-->
                            <!--</li>-->
                        </ul>
                        <div class="weui-uploader__input-box">
                            <input id="uploaderInput" class="weui-uploader__input" type="file" multiple="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="weui-btn-area">
        <button class="weui-btn weui-btn_primary">确定</button>
    </div>
</form>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>
<script>
    $(function () {
        $("#homeAddress").cityPicker();
        $("#companyAddress").cityPicker();
        $("#inspectionAddress").cityPicker();

        $("#submit").submit(function () {
            var d = {};
            var t = $(this).serializeArray();
            $.each(t, function() {
                d[this.name] = this.value;
            });
            console.log(d);
            return false;
        });
    });

</script>
</body>
</html>